        <div class="row">
            <div class="col-xm-12">
                <nav>
                    <div class="container">
                        <!-- Brand and toggle get grouped for better mobile display -->
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                            <a class="navbar-brand" href="#">无花果</a>
                        </div>

                        <!-- Collect the nav links, forms, and other content for toggling -->
                        <div class="collapse navbar-collapse" id="navbar-collapse">
                            <ul class="nav navbar-nav">
                                {{if .user.Role | eq 1 }}
                                    <li><a href="/additem">上架商品</a></li>
                                {{else if .user.Role | eq 3}} 
                                    <li class="active"><a id="mc_admin"  href="#">商家管理</a></li>
                                    <li ><a id="item_admin" href="#">商品管理</a></li>
                                {{else}}
                                {{end}}    
                                <li><a href="#">{{.user.Username}}</a>
                                <li><a href="{{url "Application.Logout"}}">退出</a>
                            </ul>

                        </div>
                    </div>
                </nav>
            </div>
        </div>